import styled from 'styled-components'

export const Container = styled.div`
    width: 730px;
    margin: 0 auto;
    .content{
        padding: 20px;
        .link-item{
            margin-bottom: 20px;
            .content-link{
                overflow: hidden;
                position: relative;
                &::after{
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: -100%;
                    width: 100%;
                    height: 1.5px;
                    background-color: #1890ff;
                    transition: ease-in-out 0.3s;
                }
                &:hover{
                    color: #1890ff;
                    &::after{
                        left: 0;
                        transition: ease-in-out 0.3s;
                    }
                }
            }
            .link-desc{
                padding: 0 15px;
                font-size: 14px;
                line-height: 14px;
                color: #999;
            }
        }
    }
`